<template>
	<view class="pages">
		<!-- 头部 -->
		<page_head>企业介绍</page_head>
		
		<!-- 主体 -->
		<view class="index_main">
			<view class="details-wrapper">
				<view class="details-box">
					<view class="details-top">
						<image class="logo" :src="IMAGE_STATIC+'/images/logo.png'" mode=""></image>
						<view class="details-logo">启航掌柜</view>
					</view>
					<view class="details-contentbox">
						<view class="details-title">{{ detail.title }}</view>
						<!-- <image class="details-img" :src="IMAGE_PREFIX +'/'+ detail.picture" mode=""></image> -->
						<image class="details-img" :src="detail.picture" mode="widthFix"></image>
						<view class="details-content" v-html="detail.content"></view>
						<view class="details-time">{{ detail.createTime  }}</view>
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import page_head from '@/components/page_head.vue'
	export default {
		components:{
			page_head
		},
		data(){
			return{
				IMAGE_STATIC: this.$url.assetsPath,
				IMAGE_PREFIX: this.$url.urlPath,
				id: '',
				detail: {},
			}
		},
		onLoad(options) {
			if(options){
				this.id = options.id;
			}
		},
		onShow() {
			this.init();
		},
		methods: {
			init(){
				this.getDetail();
			},
			// 查询企业介绍
			getDetail(){
				let that = this;
				that.$Ajax('/sysnotice/companyIntrod', {},
				res => {
					if(res.code == 200){
						that.detail = res.data;
					}
				}, err => {
					console.log(err);
				}, 'GET')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.details{
		&-wrapper{
			
		}
		&-box{
			background: $globalColor-white;
			margin: 30rpx 0;
			padding: 40rpx;
		}
		&-top{
			@include flexLeft;
			border-bottom: 1px solid $globalColor-border;
			padding-bottom: 40rpx;
			.logo{
				width: 52rpx;
				height: 52rpx;
				margin-right: 20rpx;
			}
			&-logo{
				font-size: 30rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: $globalColor-fontStyle;
			}
		}
		&-contentbox{
			padding: 40rpx 0;
		}
		&-title{
			font-size: 32rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: $globalColor-fontStyle;
		}
		&-img{
			width: 100%;
			min-height: 200rpx;
			margin: 20rpx auto;
		}
		&-content{
			font-size: 26rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #505050;
			line-height: 36rpx;
			padding: 20rpx 0 50rpx;
		}
		&-time{
			font-size: 30rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #888B95;
			text-align: right;
		}
	}
</style>